
<div class="page" id="page-main">
    <header class="bar bar-nav">
        <h1 class="title">我的</h1>
    </header>

    <nav class="bar bar-tab">
        <a class="tab-item external" href="/">
            <span class="icon icon-home"></span>
            <span class="tab-label">首页</span>
        </a>
        <a class="tab-item external" href="/booking">
            <span class="icon icon-edit"></span>
            <span class="tab-label">预订</span>
        </a>
        <a class="tab-item active">
            <span class="icon icon-me"></span>
            <span class="tab-label">我的</span>
        </a>
    </nav>

    <div class="content">
        <div class="card">
            <div class="card-content">
                <div class="avatar ta-c">
                    <i class="icon icon-me fs-lll"></i>
                </div>
            </div>
            <div class="card-footer">

                <a href="#" class="link width-100">
                    <div class="ta-c width-100">登录/注册</div>
                </a>
            </div>
        </div>
        <div class="list-block">
            <ul>
                <a class="item-content item-link" href="#page-detail">
                    <div class="item-media"><i class="icon icon-cart"></i></div>
                    <div class="item-inner">
                        <div class="item-title">我的订单</div>
                    </div>
                </a>
                <a class="item-content item-link" href="#page-detail">
                    <div class="item-media"><i class="icon icon-edit"></i></div>
                    <div class="item-inner">
                        <div class="item-title">我的点评</div>
                    </div>
                </a>
                <a class="item-content item-link"  href="#page-detail">
                    <div class="item-media"><i class="icon icon-gift"></i></div>
                    <div class="item-inner">
                        <div class="item-title">我的卡券</div>
                    </div>
                </a>
            </ul>
        </div>
    </div>
</div>


<div class="page" id="page-detail">
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left back" href="#page-main">
            <span class="icon icon-left"></span>
            返回
        </a>
        <h1 class="title" id="detail-title">我的订单(公用此页面)</h1>
    </header>
</div>

{{#extend "pageJs"}}
<script src="{{getStatic 'ubooking/my/my.entry.js'}}"></script>
{{/extend}}